<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/templates/TemplateAdmin.xhtml">

	<ui:define name="titre">Fun With Videos</ui:define>
	<ui:define name="content">
		<h:head>
		</h:head>
		<h:body>
			<h:form>
				<br></br>
				<p:fieldset  >
				
					<legend>
						<strong>Gestion de la classification des vidéos</strong>
					</legend>
					<p:panelGrid id="panelg">
						<p:row>
							<p:column>
								Liste des catégories disponibles <br/>
								<p:tree id="treeSingle"
										value="#{mbGestionCategVideos.categories}" var="node"
										selectionMode="single"
										selection="#{mbGestionCategVideos.selectedNode}">
									
									<p:treeNode>
										<h:outputText value="#{node.libelle}" />
									</p:treeNode>
								</p:tree>
							</p:column>
							<p:column>
								Liste des vidéos 	<br/>
								<p:selectOneListbox value="#{mbGestionCategVideos.idVideo}">
									<p:ajax listener="#{mbGestionCategVideos.AffListDesVideos}" update="listAss"/>
									<f:selectItems value="#{mbGestionCategVideos.listDesVideos}" var="v"
												itemLabel="#{v.nom}" itemValue="#{v.idVideo}" >
									</f:selectItems>
								</p:selectOneListbox> <br/>									
								<h:commandButton value="Associer"
												action="#{mbGestionCategVideos.validerAssociation}"></h:commandButton>
							</p:column>
 
							<p:column>
								Catégories associées à la vidéo<br/>
									<p:dataList id="listAss" value="#{mbGestionCategVideos.listDescrDeLaVideo}" var="descr">  
   										 #{descr}
								</p:dataList>  
 							</p:column>

						</p:row>
					</p:panelGrid>
				</p:fieldset>
			</h:form>
		</h:body>
	</ui:define>
</ui:composition>
